﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxDemo1.aspx.cs" Inherits="AjaxDemo_AjaxDemo1" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <table>
            <tr>
                <td>
                    Effective Date
                </td>
                <td>
                    <asp:TextBox ID="txtDate" runat="server" />
                    <ajx:CalendarExtender ID="CalendarExtender1" TargetControlID="txtDate" runat="server" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <table>
                                <tr>
                                    <td>
                                        Enter salary
                                    </td>
                                    <td>
                                        <asp:TextBox ID="txtSalary" runat="server" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Your Commission
                                    </td>
                                    <td>
                                        <asp:TextBox ID="txtCommi" runat="server" />
                                        <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                                        </asp:UpdateProgress>
                                        <asp:Label ID="lblComiDate" runat="server" />
                                        <asp:Button ID="btnCommi" runat="server" Text="Commi" OnClick="btnCommi_Click" />
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                    <asp:Button ID="btnShow" runat="server" Text="Show" />
                                        <ajx:ModalPopupExtender ID="mpeCalcu" runat="server" BackgroundCssClass="modalBackground"
                                            CancelControlID="btnModalOk" DropShadow="true" Drag="false" PopupControlID="pnlCalcu"
                                            TargetControlID="btnShow">
                                        </ajx:ModalPopupExtender>
                                        <asp:Panel ID="pnlCalcu" runat="server" Style="display: none; border: none; border: 1px; height: 310px; width: 750px; background-color:Gray;">
                                            <table>
                                                <tr>
                                                    <td>
                                                        Hi I am here
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Button ID="btnModalOk" runat="server" Text="OK" />
                                                    </td>
                                                </tr>
                                            </table>
                                        </asp:Panel>
                                    </td>
                                </tr>
                            </table>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </td>
            </tr>
            <tr>
                <td>
                    Gross Salary
                </td>
                <td>
                    <asp:TextBox ID="txtGross" runat="server" />
                    <asp:Button ID="btnGross" runat="server" Text="Gross" OnClick="btnGross_Click" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
